<template>
  <p>用户列表{{id}}</p>
</template>

<script>
  export default {
    name: "list",
    /*接收props传递来的参数*/
    props: ['id'],
    beforeRouteEnter: (to, from, next) => {
      console.log("准备进入个人信息页");
      // 注意，一定要在 next 中请求，因为该方法调用时 Vue 实例还没有创建，此时无法获取到 this 对象，在这里使用官方提供的回调函数拿到当前实例
      next(vm => {
        vm.getData();
      });
    },
    beforeRouteLeave: (to, from, next) => {
      console.log("准备离开个人信息页");
      next();
    },
    methods:{
      getData() {
        this.axios.get('http://localhost:8080/static/data.json').then(res=>{
          console.log(res)
        })
      }
    }
  }
</script>

<style scoped>

</style>
